<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<html>
	<head>
		<meta charset="utf-8">
		<title>豆鲨 - 每个人的直播平台</title>
		
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/dousha/home_d47fa4f.css">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/dousha/pre-style-main_31ecd969_3b2f299.css">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/dousha/common-pre_c52b664.css">
		
		<script type="text/javascript" src="${pageContext.request.contextPath}/dousha/psDevice_98c8efe.js.下载"></script>
        <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
        </script>
		<style type="text/css">
			
			.form-group {
				margin-bottom: 15px;
				
			}
			@media (min-width: 992px)
			.col-md-12 {
				width: 100%;
			}
			@media (min-width: 992px)
			.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
				float: left;
			}
			.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
				position: relative;
				min-height: 1px;
				padding-right: 15px;
				padding-left: 15px;
			}
			.dropdown {
				position: relative;
			}
			/* Hide the dropdown's content by default */
			.dropdown__content {
				display: none;

				/* Position it right below the trigger element */
				left: 0;
				paddingtop: 4px;
				position: absolute;
				top: 100%;

				/* It should be on the top of other elements */
				background-color: #fff;
				zindex: 9999;

				/* Size */
				/*  height: 200px;
                  width: 200px; */
			}

			/* Show the content when hover on the container */
			.dropdown:hover .dropdown__content {
				display: block;
			}
			.zlx{
				width: 360px;
				height: 430px;
				background-color: rgb(255,255,255);
				border: #000000 solid 1px;
				margin-left: -230px;
				border-radius: 0px 0px 10px 10px;
			}
			.zlx1{
				width: 100px;
				height: 100px;
				background-color: #000000;
				margin-left: 100px;
			}
			.zlx2{
				width: 200px;
				height: 3px;
				margin-left: 50px;
				background-color: rgb(255,93,35)

			}
			.layout-Slide-bannerInner {
				display: block;
				height: 130%;
				background-repeat: no-repeat;
				background-position: 50%;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				background-size: cover;
			}
			.payshow {
				width: 300px;
				height: 200px;
				background-color: white;
				z-index: 30;
				position: absolute;
				top: 200px;
				left: 750px;
				display: none;
			}
			.kaiboshow {
				width: 300px;
				height: 200px;
				background-color: white;
				z-index: 30;
				position: absolute;
				top: 200px;
				left: 750px;
				display: none;
			}
		</style>
	</head>
	<body class=" is-loaded">
		<div class="layout-Container">
			<header class="layout-Header" id="js-header">
			            <div class="Header-wrap">
			                <div class="Header">
								<div class="Header-left"><a class="Header-logo" href="${pageContext.request.contextPath}/front/dousha.jsp">
									<svg class="Header-icon" style="width: 100px;height: 60px;position: relative;top: 10px;">
										<image href="${pageContext.request.contextPath}/js/img/douyu_logo1.png"></image>
									</svg></a>
									<div class="Header-menu-wrap">
										<ul class="Header-menu">
											<li class="Header-menu-link active">
												<a href="${pageContext.request.contextPath}/front/dousha.jsp"
											>首页</a></li>
											<li class="Header-menu-link ">
												<a href="${pageContext.request.contextPath}/LiveController/classify" >直播</a>
											</li>

											<li class="Header-menu-link ">
													<a  href="${pageContext.request.contextPath}/video/skipVideo">视频</a>
											</li>


										</ul>
									</div>
								</div>
			                    <div class="HeaderNav"></div>
			                    <div class="Header-right">
			                        <div class="Header-search-wrap">
			                            <div>
			                                <div class="Search"><input class="Search-text" id="header-search-input" type="text"
			                                                           data-name="小小糯米米米" data-type="1" autocomplete="off" value=""><span
			                                        class="Search-link"><i class="Search-linkIcon" data-name="小小糯米米米"
			                                                               data-type="2"><svg class="Header-icon">
																<use xlink:href="#search_b6568e0"></use>
															</svg></i></span><label for="header-search-input"
			                                                                        class="Search-label"></label></div>
			                            </div>
			                        </div>
									<div class="Header-history-wrap">
										<div class="DropPane History">
											<div class="public-DropMenu  "><a class="public-DropMenu-link"
																			  href="${pageContext.request.contextPath}/focus/history"
																			  ><span><i
													class="DropPane-icon History-icon">
												<%--<svg class="Header-icon">
												<image href="${pageContext.request.contextPath}/js/img/1.png"></image>
											</svg>--%>
												<svg class="Header-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
											</i>历史</span></a>
												</div>
										</div>
									</div>
									<div class="Header-follow-wrap">
			                            <div class="DropPane Follow">
			                                <div class="public-DropMenu  "><a class="public-DropMenu-link"
			                                                                  href="${pageContext.request.contextPath}/focus/concern" ><span><i
			                                        class="DropPane-icon Follow-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
											</i>关注</span></a>
			                                    <div class="public-DropMenu-drop">
			                                        <div class="public-DropMenu-drop-main">
			                                            <div class="Header-follow">
			                                                <div class="Header-follow-tabs">
			                                                    <div class="Header-follow-tab is-active ">最常访问</div>
			                                                    <div class="Header-follow-tab  is-gap"></div>
			                                                    <div class="Header-follow-tab  ">特别关注</div>
			                                                    <div class="Header-follow-tab  is-gap"></div>
			                                                    <div class="Header-follow-tab  ">视频动态</div>
			                                                </div>
			                                                <div class="Header-follow-content">
			                                                    <div class="Header-loading"><i></i><span>数据加载中</span></div>
			                                                </div>
			                                            </div>
			                                            <div class="DropPane-ad">
			                                                <div class="SignBaseComponent-sign-box null">
			                                                    <div class="SignBaseComponent-sign-ad" data-dysign="1021103"><a
			                                                            target="_blank"
			                                                            href="https://g.wan. /s/1/1259/250.html?frm=sy-gz-xt"><img
			                                                            class="SignBaseComponent-sign-ad"
			                                                            src="${pageContext.request.contextPath}/js/liveJs/list-item-def-thumb_07535ed.gif"></a><i
			                                                            class="SignBaseComponent-sign-spec"></i></div>
			                                                </div>
			                                            </div>
			                                        </div><i></i>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="Header-broadcast-wrap">
			                            <div class="Broadcast">
			                                <div class="public-DropMenu  "><a class="public-DropMenu-link"
			                                                                  href="javascript:void(0)"  id="kaibo"><span><i
			                                        class="Broadcast-icon">
												<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg>
											</i>开播</span></a>
			                                    <div class="public-DropMenu-drop">
			                                        <div class="public-DropMenu-drop-main">
			                                            <div class="Broadcast-contentWrap">
			                                                <div class="Broadcast-content">
			                                                    <div class="Broadcast-cellWrap">
			                                                        <div class="Broadcast-cell">
			                                                            <div class="Broadcast-cellItem is-icon1">我要开播</div>
			                                                        </div>
			                                                        <div class="Broadcast-cell">
			                                                            <div class="Broadcast-cellItem is-icon2">直播学院</div>
			                                                        </div>
			                                                    </div>
			                                                </div>
			                                            </div>
			                                        </div><i></i>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			
			                        <div class="Header-login-wrap" id="login1">
										<a class="public-DropMenu-link" href=" ${pageContext.request.contextPath}/front/login.jsp"   style="margin-top: 21px;"><span>登录</span></a>
<%--										<div class="dropdown">--%>
<%--											<div class="UserInfo public-DropMenu "><a class="UserInfo-link"--%>
<%--																					  href=" member/cp" target="_blank"><span--%>
<%--													class="UserInfo-avatar">--%>

<%--														<div uid="12590398" style="width: 100%;">--%>
<%--															<div class="Avatar is-circle"><img uid="12590398" class="Avatar-img"--%>
<%--																							   src="${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}" onerror="this.src='${pageContext.request.contextPath}/js/liveJs/98_avatar_middle.jpg'" alt="">--%>
<%--															</div>--%>
<%--														</div>--%>
<%--													</span></a>--%>

<%--												<!-- The trigger element -->--%>


<%--												<!-- The content -->--%>
<%--												<div class="dropdown__content">--%>

<%--													<div class="zlx" id="center1">--%>
<%--														<div class="public-DropMenu-drop-main"><i></i>--%>
<%--															<div class="Header-UserPane-top">--%>
<%--																<div class="User">--%>
<%--																	<div class="User-avatarWrap"><a class="User-avatar" href="/member/cp" target="_blank">--%>
<%--																		<div class="AvatarFrame " style="width: 70px;">--%>
<%--																			<div class="AvatarFrame-box"><img uid="12590398" class="AvatarFrame-img is-circle "--%>
<%--																											  src="${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}"--%>
<%--																											  alt="" style="width: 60px; height: 60px;"></div>--%>
<%--																		</div>--%>
<%--																	</a></div>--%>
<%--																	<div class="User-nickname"><a href="/member/cp" target="_blank" title="2607857838">2607857838</a>--%>
<%--																	</div>--%>
<%--																	<div class="Authentication"><a class="Authentication-name is-active" title="已认证"></a><a--%>
<%--																			class="Authentication-phone is-active" title="已绑定手机"></a><a--%>
<%--																			class="Authentication-email is-active" title="已绑定邮箱"></a><a--%>
<%--																			class="Authentication-clientSign" href="/client/pcclientsign" target="_blank"></a></div>--%>
<%--																</div>--%>
<%--																<div class="HeaderUserLevel"><a href="/member/mylevel" target="_blank" class=""><span--%>
<%--																		class="UserLevel UserLevel--4" title="用户等级：4"> </span>--%>
<%--																	<div class="HeaderUserLevel-progress">--%>
<%--																		<div class="HeaderUserLevel-bar"><span class="HeaderUserLevel-bar-per"--%>
<%--																											   style="width: 95.4%;"></span></div><span--%>
<%--																			class="HeaderUserLevel-bar-num">95.4%</span>--%>
<%--																		<div class="HeaderUserLevel-tip">--%>
<%--																			<p><span>还需<span class="HeaderUserLevel-tip-upExp">5</span>经验到达下一级</span></p><i></i>--%>
<%--																		</div>--%>
<%--																	</div><span class="UserLevel UserLevel--next5" title="用户等级：5"> </span>--%>
<%--																</a></div>--%>
<%--															</div>--%>

<%--															<div class="Wallet">--%>
<%--																<div class="Wallet-content">--%>
<%--																	<div class="Wallet-content-mywallet">--%>
<%--																		<h5 class="Wallet-content-mywallet-title"><a class="Wallet-content-recharge"--%>
<%--																													 href="/web_game/welcome/18" target="_blank">充值</a>我的钱包</h5>--%>
<%--																		<div class="Wallet-content-mywallet-wealth">--%>
<%--                                                                            <span class="Wallet-content-mywallet-wealth-sliver" title="做任务可获得豆沙"><i></i>豆沙<span>248</span></span>--%>
<%--																		</div>--%>
<%--																	</div>--%>
<%--																</div>--%>
<%--															</div>--%>

<%--															<div class="Shortcut">--%>
<%--																<ul class="Shortcut-list">--%>
<%--																	<li class="Shortcut-listItem" data-index="0"><a class="Shortcut-listItem-link" href="${pageContext.request.contextPath}/front/mycenter.jsp"--%>
<%--																													target="_blank"><i class="is-center"></i>--%>
<%--																		<p>个人中心</p>--%>
<%--																	</a></li>--%>
<%--																	<li class="Shortcut-listItem" data-index="1"><a class="Shortcut-listItem-link"--%>
<%--																													href="" target="_blank"><i class="is-attention"></i>--%>
<%--																		<p>我的关注</p>--%>
<%--																	</a></li>--%>

<%--																	<li class="Shortcut-listItem" data-index="3"><a class="Shortcut-listItem-link"--%>
<%--																													href="/special/guide/anchor" target="_blank"><i class="is-guide"></i>--%>
<%--																		<p>我要直播</p>--%>
<%--																	</a></li>--%>
<%--																</ul>--%>
<%--															</div>--%>
<%--															<div class="CloudGameLink"><a href="https://cloudgame.douyu.com/home" target="_blank"--%>
<%--																						  class="CloudGameLink-text">欢迎来到豆鲨</a></div>--%>
<%--															<div class="Exit" id="content2"><span class="Exit-btn" id="exit"><i></i>登出</span></div>--%>
<%--														</div>--%>
<%--													</div>--%>
<%--												</div>--%>
<%--											</div>--%>
<%--										</div>--%>
			                        </div>
			                    </div>
			                </div>
			            </div>
			        </header>
			<style type="text/css">
				body .layout-Slide-bannerInner {
					background-image: url(${pageContext.request.contextPath}/dousha/lol3.jpg)
				}
			</style>
			<section class="layout-Section layout-Slide"><a class="layout-Section layout-Slide-banner"
					href=" topic/LOLMKBLQB" target="_blank" data-ifad="1"><b
						class="layout-Slide-bannerInner"></b></a>
				<div class="layout-Wrapper layout-Slide-container">
					<div class="layout-Slide-player" id="js-player">
						<div class="room-Player-Box">
							<div class="room-Player" id="douyu_room_normal_player_proxy_box">
								<div id="room-html5-player">
									<div id="videobox" class="app-6c6982">
										<div class="container-bd7f3c"><video id="__video" class="video-571f3f"
												style="width: 784px; height: 441px;"></video><canvas
												class="screenshot-961ffc" style="visibility: hidden;"></canvas></div>

										<div class="enterDiv-132de0"
											style="width: 784px; height: 441px; display: none;">
											<div class="enter-83ecef"
												style="transform: scale(0.8); color: rgb(255, 93, 35); background: rgba(255, 93, 35, 0);">
												<label>进入直播间</label>
											</div>
										</div>


									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="layout-Slide-nav Slider" id="layout-Slide-nav">
						<div class="Slider-flashTab ac">
							<div class="Slider-flashTabImg">
								<div class="LazyLoad is-visible DyImg Slider-flashTabImgIn"><img loading="lazy"
																								 class="DyImg-content is-normal "></div>
								<div class="Slider-flashTabHover"></div>
								<div class="Slider-flashTabHover Slider-block"></div>
							</div>
							<div class="Slider-clickPoint"></div>
						</div>
						<div class="Slider-flashTab Slider-flashTabCover">
							<div class="Slider-flashTabImg">
								<div class="LazyLoad is-visible DyImg Slider-flashTabImgIn">
									<img loading="lazy" class="DyImg-content is-normal "></div>
								<div class="Slider-flashTabHover"></div>
							</div>
						</div>
						<div class="Slider-flashTab Slider-flashTabCover">
							<div class="Slider-flashTabImg">
								<div class="LazyLoad is-visible DyImg Slider-flashTabImgIn"><img loading="lazy"
										class="DyImg-content is-normal "></div>
								<div class="Slider-flashTabHover"></div>
							</div>
						</div>
						<div class="Slider-flashTab Slider-flashTabCover">
							<div class="Slider-flashTabImg">
								<div class="LazyLoad is-visible DyImg Slider-flashTabImgIn"><img loading="lazy"
										class="DyImg-content is-normal "></div>
								<div class="Slider-flashTabHover"></div>
							</div>
						</div>
						<div class="Slider-flashTab Slider-flashTabCover">
							<div class="Slider-flashTabImg">
								<div class="LazyLoad is-visible DyImg Slider-flashTabImgIn"><img loading="lazy"
										class="DyImg-content is-normal "></div>
								<div class="Slider-flashTabHover"></div>
							</div>
						</div>
						<div class="Slider-flashTab Slider-flashTabCover">
							<div class="Slider-flashTabImg">
								<div class="LazyLoad is-visible DyImg Slider-flashTabImgIn"><img loading="lazy"
										class="DyImg-content is-normal "></div>
								<div class="Slider-flashTabHover"></div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<%--<section class="layout-Wrapper layout-Info" id="lazyModule4">
				<section class="layout-Module layout-Info--activity Activity">
					<div class="layout-Module-head"><i class="layout-Module-icon">
							<div class="LazyLoad is-visible DyImg "><img loading="lazy"
									src="https://sta-op.douyucdn.cn/dy-listicon/4f946cdd82a144645cbc122fb1a6a760.png"
									class="DyImg-content is-normal "></div>
						</i>
						<h2 class="layout-Module-title">
							<div href="" target="_blank" class="Activity-aColor">推荐活动</div>
						</h2>
					</div>
					<div class="layout-Module-container layout-Info-container">
						<div class="layout-Info--activity-item Activity-wheel">
							<div class="sliderSimpleBanner">
								<div class="sliderSimpleBannerInner"
									style="width: 500%; transform: translateX(-40%); transition: transform 0.3s ease 0s; left: 0px;">
									<div class="sliderItem" style="width: 20%;">
										<div class="Activity-adList">
											<div>
												<div class="Activity-adOne">
													<div class="Activity-adOneImg">
														<div class="SignBaseComponent-sign-ad" data-dysign="1021117"><a
																target="_blank"
																href=" 10035987"><img
																	class="SignBaseComponent-sign-ad"
																	src="https://sta-op.douyucdn.cn/nggsys/2021/10/18/3ac071696a7492518d1ce911f44488b7.jpg?x-oss-process=image/format,webp/quality,q_75"></a>
														</div>
													</div>
													<div class="Activity-bgColor"></div><span class="Activity-msg"
														title="剑网3推栏直播活动">剑网3推栏直播活动</span>
												</div>
											</div>
										</div>
									</div>
									<div class="sliderItem" style="width: 20%;">
										<div class="Activity-adList">
											<div>
												<div class="Activity-adOne">
													<div class="Activity-adOneImg">
														<div class="SignBaseComponent-sign-ad" data-dysign="1021118"><a
																target="_blank" href=" 641986"><img
																	class="SignBaseComponent-sign-ad"
																	src="https://sta-op.douyucdn.cn/nggsys/2021/10/14/65c9a5eb9a5978671c274d2c2d866b95.jpg?x-oss-process=image/format,webp/quality,q_75"></a>
														</div>
													</div>
													<div class="Activity-bgColor"></div><span class="Activity-msg"
														title="第二届剑网3名剑杯">第二届剑网3名剑杯</span>
												</div>
											</div>
										</div>
									</div>
									<div class="sliderItem" style="width: 20%;">
										<div class="Activity-adList">
											<div>
												<div class="Activity-adOne">
													<div class="Activity-adOneImg">
														<div class="SignBaseComponent-sign-ad" data-dysign="1021119"><a
																target="_blank"
																href=" 3436094"><img
																	class="SignBaseComponent-sign-ad"
																	src="https://sta-op.douyucdn.cn/nggsys/2021/10/15/f42db9d3aa602802458e0c96c802af98.jpg?x-oss-process=image/format,webp/quality,q_75"></a>
														</div>
													</div>
													<div class="Activity-bgColor"></div><span class="Activity-msg"
														title="《互动派对》10月15日首测">《互动派对》10月15日首测</span>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div>
									<div class="Activity-left"></div>
									<div class="Activity-right"></div>
								</div>
								<ul class="Activity-pointOut">
									<li class="Activity-point" style="cursor: pointer;"></li>
									<li class="Activity-point" style="cursor: pointer;"></li>
									<li class="Activity-point Activity-active" style="cursor: pointer;"></li>
								</ul>
							</div>
						</div>
						<div class="layout-Info--activity-item Activity-small">
							<div>
								<div class="Activity-hover Activity-adOne">
									<div class="Activity-adOneImg">
										<div class="SignBaseComponent-sign-ad" data-dysign="1021120"><a target="_blank"
												href=" 100"><img class="SignBaseComponent-sign-ad"
													src="https://sta-op.douyucdn.cn/nggsys/2021/10/13/e3085e2ce12819818fe669de5e9ec43f.jpg?x-oss-process=image/format,webp/quality,q_75"></a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="layout-Info--activity-item Activity-small">
							<div>
								<div class="Activity-hover Activity-adOne">
									<div class="Activity-adOneImg">
										<div class="SignBaseComponent-sign-ad" data-dysign="1021121"><a target="_blank"
												href=" cms/new_list/202110/12/18877.shtml"><img
													class="SignBaseComponent-sign-ad"
													src="https://sta-op.douyucdn.cn/nggsys/2021/10/13/3914266e0fc1bf1771944bfba9668ce8.jpg?x-oss-process=image/format,webp/quality,q_75"></a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<section class="layout-Module layout-Info--news News">
					<div class="layout-Module-head"><a href=" cms/new_list/list_22.shtml"
							target="_blank"><i class="layout-Module-icon">
								<div class="LazyLoad is-visible DyImg "><img loading="lazy"
										src="https://sta-op.douyucdn.cn/dy-listicon/1cd897ae473da14d5ef09065e1b670ea.png"
										class="DyImg-content is-normal "></div>
							</i></a>
						<h2 class="layout-Module-title"><a href=" cms/new_list/list_22.shtml"
								target="_blank" class="Activity-aColor">新闻</a></h2>
						<div class="layout-Module-extra News-more"><a class="News-morePart"
								href=" cms/new_list/list_22.shtml" target="_blank">更多<i
									class="News-right"></i></a></div>
					</div>
					<div class="layout-Module-container layout-Info-container">
						<div class="News-content">
							<div class="News-bigNews"><a class="News-bigNewsOne"
									href=" cms/new_list/202110/18/18906.shtml" target="_blank">
									<div class="News-firstFloor">
										<div class="News-newsIcon1 News-newsIconBg1"></div>
										<div class="News-newsTitle" title="王者弯道超车挑战高能来袭！">王者弯道超车挑战高能来袭！</div>
									</div>
									<div class="News-secondFloor" title="主播们的挑战，由你来决定！">主播们的挑战，由你来决定！</div>
								</a><a class="News-bigNewsOne"
									href=" cms/new_list/202110/18/18904.shtml" target="_blank">
									<div class="News-firstFloor">
										<div class="News-newsIcon2 News-newsIconBg2"></div>
										<div class="News-newsTitle" title="AWL S3魔兽争霸3火热开启！">AWL S3魔兽争霸3火热开启！</div>
									</div>
									<div class="News-secondFloor" title="豆鲨全程独播，来与魔兽观赛团共赏精彩赛事吧">豆鲨全程独播，来与魔兽观赛团共赏精彩赛事吧
									</div>
								</a><a class="News-bigNewsOne"
									href=" cms/new_list/202110/19/18909.shtml" target="_blank">
									<div class="News-firstFloor">
										<div class="News-newsIcon1 News-newsIconBg1"></div>
										<div class="News-newsTitle" title="王者六周年限定皮肤赏金赛火热开启！">王者六周年限定皮肤赏金赛火热开启！</div>
									</div>
									<div class="News-secondFloor" title="限定皮肤、王者手办免费抽不停！">限定皮肤、王者手办免费抽不停！</div>
								</a></div>
							<div class="News-normalNews"><a class="News-normalNewsOneOut"
									href="/cms/new_list/202110/18/18908.shtml" target="_blank">
									<div class="News-normalNewsOne">
										<div class="News-normalNewsTitle">[新闻]</div>
										<div class="News-normalNewsWord" title="精彩抢先看！狼人杀全新角色表演赛来袭">精彩抢先看！狼人杀全新角色表演赛来袭
										</div>
									</div>
								</a><a class="News-normalNewsOneOut" href="/cms/new_list/202110/12/18879.shtml"
									target="_blank">
									<div class="News-normalNewsOne">
										<div class="News-normalNewsTitle">[新闻]</div>
										<div class="News-normalNewsWord" title="第一届斗鱼杯神州会武邀请赛报名开启！">第一届斗鱼杯神州会武邀请赛报名开启！
										</div>
									</div>
								</a><a class="News-normalNewsOneOut" href="/cms/new_list/202110/19/18915.shtml"
									target="_blank">
									<div class="News-normalNewsOne">
										<div class="News-normalNewsTitle">[新闻]</div>
										<div class="News-normalNewsWord" title="《轩辕传奇手游》直播好礼，千元招募奖励等你拿！">
											《轩辕传奇手游》直播好礼，千元招募奖励等你拿！</div>
									</div>
								</a><a class="News-normalNewsOneOut" href="/cms/new_list/202110/18/18905.shtml"
									target="_blank">
									<div class="News-normalNewsOne">
										<div class="News-normalNewsTitle">[新闻]</div>
										<div class="News-normalNewsWord" title="《赛尔号》启动十五期主播招募计划 | 秋日开播，福利来袭！">
											《赛尔号》启动十五期主播招募计划 | 秋日开播，福利来袭！</div>
									</div>
								</a></div>
						</div>
					</div>
				</section>
				<section class="layout-Module layout-Info--game VideoRank">
					<div class="layout-Module-head"><i class="layout-Module-icon">
							<div class="LazyLoad is-visible DyImg "><img loading="lazy"
									src="https://sta-op.douyucdn.cn/dy-listicon/6fcd4e0a4cfae0f3d7bc4f88f5dfbe63.png"
									alt="视频推荐" class="DyImg-content is-normal "></div>
						</i>
						<h2 class="layout-Module-title"><a href="   " target="_blank">视频推荐</a></h2>
						<div class="layout-Module-extra"><a class="VideoRank-morePart" href="   "
								target="_blank">更多<i class="VideoRank-right"></i></a></div>
					</div>
					<div class="layout-Module-container layout-Info-container">
						<div class="VideoRank-listWrap">
							<div style="position: relative; overflow: hidden; width: 100%; height: 100%;">
								<div
									style="position: absolute; inset: 0px; overflow: scroll; margin-right: -17px; margin-bottom: -17px;">
									<div class="VideoRank-listBox"><a class="VideoRank-itemLink"
											href="   show/qJgOWxPqopGWkVzL" target="_blank">
											<div class="VideoRank-item">
												<div class="VideoRank-pic">
													<div class="LazyLoad is-visible DyImg "><img loading="lazy"
															src="https://sta-op.douyucdn.cn/vod-cover/2021/10/20/5baf8e01d2b528d40cef1e5271d72ade.png/vdy1"
															alt="每一次，你都在身边——六周年CG【荣耀同行】"
															class="DyImg-content is-normal "></div><span
														class="VideoRank-time">02:05</span><span
														class="VideoRank-playIcon"></span>
												</div>
												<div class="VideoRank-content">
													<div class="VideoRank-title" title="每一次，你都在身边——六周年CG【荣耀同行】"><span
															class="VideoRank-starting"><svg>
																<use xlink:href="#startTag_af14342"></use>
															</svg></span>每一次，你都在身边——六周年CG【荣耀同行】</div>
													<div class="VideoRank-sub">
														<div class="LazyLoad is-visible DyImg VideoRank-subPic"><img
																loading="lazy"
																src="https://apic.douyucdn.cn/upload/avatar_v3/202012/362d2a1090c64f66a0eba41769b461ab_middle.jpg?rltime_middle.jpg"
																alt="王者荣耀" class="DyImg-content is-normal "></div>
														<div class="VideoRank-subName" title="王者荣耀">王者荣耀</div>
													</div>
												</div>
											</div>
										</a><a class="VideoRank-itemLink"
											href="   show/2V0JMVbgPRkMRY5k" target="_blank">
											<div class="VideoRank-item">
												<div class="VideoRank-pic">
													<div class="LazyLoad is-visible DyImg "><img loading="lazy"
															src="https://sta-op.douyucdn.cn/vod-cover/2021/10/19/bdd2157ed2edb42a6e5c469595aeacae.png/vdy1"
															alt="《光速大逃脱》职业选手特辑正片（上）" class="DyImg-content is-normal ">
													</div><span class="VideoRank-time">87:22</span><span
														class="VideoRank-playIcon"></span>
												</div>
												<div class="VideoRank-content">
													<div class="VideoRank-title" title="《光速大逃脱》职业选手特辑正片（上）"><span
															class="VideoRank-starting"><svg>
																<use xlink:href="#startTag_af14342"></use>
															</svg></span>《光速大逃脱》职业选手特辑正片（上）</div>
													<div class="VideoRank-sub">
														<div class="LazyLoad is-visible DyImg VideoRank-subPic"><img
																loading="lazy"
																src="https://apic.douyucdn.cn/upload/avatar_v3/202105/788a9af12e14416fb9ae688a365507a0_middle.jpg?rltime_middle.jpg"
																alt="斗鱼出品节目" class="DyImg-content is-normal "></div>
														<div class="VideoRank-subName" title="豆鲨出品节目">豆鲨出品节目</div>
													</div>
												</div>
											</div>
										</a><a class="VideoRank-itemLink"
											href="   show/JmbBMkqy4qQv40XA" target="_blank">
											<div class="VideoRank-item">
												<div class="VideoRank-pic">
													<div class="LazyLoad is-visible DyImg "><img loading="lazy"
															src="https://sta-op.douyucdn.cn/vod-cover/2021/10/19/2e5c42f9238461511a46e4a229c042ce.jpg/vdy1"
															alt="【S11】LPL赛区选手故事Meiko篇—《BALANCE平衡》"
															class="DyImg-content is-normal "></div><span
														class="VideoRank-time">10:54</span><span
														class="VideoRank-playIcon"></span>
												</div>
												<div class="VideoRank-content">
													<div class="VideoRank-title"
														title="【S11】LPL赛区选手故事Meiko篇—《BALANCE平衡》"><span
															class="VideoRank-starting"><svg>
																<use xlink:href="#startTag_af14342"></use>
															</svg></span>【S11】LPL赛区选手故事Meiko篇—《BALANCE平衡》</div>
													<div class="VideoRank-sub">
														<div class="LazyLoad is-visible DyImg VideoRank-subPic"><img
																loading="lazy"
																src="https://apic.douyucdn.cn/upload/avatar_v3/202101/2556d54d589f4d93903305a24190c021_middle.jpg?rltime_middle.jpg"
																alt="英雄联盟" class="DyImg-content is-normal "></div>
														<div class="VideoRank-subName" title="英雄联盟">英雄联盟</div>
													</div>
												</div>
											</div>
										</a><a class="VideoRank-itemLink"
											href="   show/0zZVvPbBYB5MO4E2" target="_blank">
											<div class="VideoRank-item">
												<div class="VideoRank-pic">
													<div class="LazyLoad is-visible DyImg "><img loading="lazy"
															src="https://sta-op.douyucdn.cn/vod-cover/2021/10/19/e2ed3b60f8d2f759297166337abd01fd.png/vdy1"
															alt="主播马后炮：LNG止步小组赛 LPL 仅剩两支队伍 可否突破八强战"
															class="DyImg-content is-normal "></div><span
														class="VideoRank-time">05:06</span><span
														class="VideoRank-playIcon"></span>
												</div>
												<div class="VideoRank-content">
													<div class="VideoRank-title"
														title="主播马后炮：LNG止步小组赛 LPL 仅剩两支队伍 可否突破八强战"><span
															class="VideoRank-starting"><svg>
																<use xlink:href="#startTag_af14342"></use>
															</svg></span>主播马后炮：LNG止步小组赛 LPL 仅剩两支队伍 可否突破八强战</div>
													<div class="VideoRank-sub">
														<div class="LazyLoad is-visible DyImg VideoRank-subPic"><img
																loading="lazy"
																src="https://apic.douyucdn.cn/upload/avatar_v3/202110/fc4b4c52b8c14908a98fa950cc915966_middle.jpg?rltime_middle.jpg"
																alt="英雄联盟赛事2" class="DyImg-content is-normal "></div>
														<div class="VideoRank-subName" title="英雄联盟赛事2">英雄联盟赛事2</div>
													</div>
												</div>
											</div>
										</a><a class="VideoRank-itemLink"
											href="   show/brN0MmmyQ5eMpyxA" target="_blank">
											<div class="VideoRank-item">
												<div class="VideoRank-pic">
													<div class="LazyLoad is-visible DyImg "><img loading="lazy"
															src="https://sta-op.douyucdn.cn/vod-cover/2021/10/18/43ecf9e5d8be1e6db8e10b62e61f0c5d.png/vdy1"
															alt="S11全球总决赛-小组赛-HLEvsRNG-1018"
															class="DyImg-content is-normal "></div><span
														class="VideoRank-time">50:46</span><span
														class="VideoRank-playIcon"></span>
												</div>
												<div class="VideoRank-content">
													<div class="VideoRank-title" title="S11全球总决赛-小组赛-HLEvsRNG-1018">
														S11全球总决赛-小组赛-HLEvsRNG-1018</div>
													<div class="VideoRank-sub">
														<div class="LazyLoad is-visible DyImg VideoRank-subPic"><img
																loading="lazy"
																src="https://apic.douyucdn.cn/upload/avatar_v3/202110/9439916a609f4f8a9b18f65380697a78_middle.jpg?rltime_middle.jpg"
																alt="英雄联盟赛事" class="DyImg-content is-normal "></div>
														<div class="VideoRank-subName" title="英雄联盟赛事">英雄联盟赛事</div>
													</div>
												</div>
											</div>
										</a><a class="VideoRank-itemLink"
											href="   show/XqeO74gyZo2vxywG" target="_blank">
											<div class="VideoRank-item">
												<div class="VideoRank-pic">
													<div class="LazyLoad is-visible DyImg "><img loading="lazy"
															src="https://sta-op.douyucdn.cn/vod-cover/2021/10/13/97fa5caa97ed69e2ae484bd0fc8b99d8.png/vdy1"
															alt="S11全球总决赛-小组赛-RNGvsHLE-1013"
															class="DyImg-content is-normal "></div><span
														class="VideoRank-time">48:16</span><span
														class="VideoRank-playIcon"></span>
												</div>
												<div class="VideoRank-content">
													<div class="VideoRank-title" title="S11全球总决赛-小组赛-RNGvsHLE-1013">
														S11全球总决赛-小组赛-RNGvsHLE-1013</div>
													<div class="VideoRank-sub">
														<div class="LazyLoad DyImg VideoRank-subPic"></div>
														<div class="VideoRank-subName" title="英雄联盟赛事">英雄联盟赛事</div>
													</div>
												</div>
											</div>
										</a><a class="VideoRank-itemLink"
											href="   show/85BAvqmgZgBvG4Lm" target="_blank">
											<div class="VideoRank-item">
												<div class="VideoRank-pic">
													<div class="LazyLoad DyImg "></div><span
														class="VideoRank-time">15:56</span><span
														class="VideoRank-playIcon"></span>
												</div>
												<div class="VideoRank-content">
													<div class="VideoRank-title" title="《火线老炮儿》赵山河篇正式上线">《火线老炮儿》赵山河篇正式上线
													</div>
													<div class="VideoRank-sub">
														<div class="LazyLoad DyImg VideoRank-subPic"></div>
														<div class="VideoRank-subName" title="鲜肉赵山河">鲜肉赵山河</div>
													</div>
												</div>
											</div>
										</a><a class="VideoRank-itemLink"
											href="   show/DrwnvzPQjE0MPNaX" target="_blank">
											<div class="VideoRank-item">
												<div class="VideoRank-pic">
													<div class="LazyLoad DyImg "></div><span
														class="VideoRank-time">38:26</span><span
														class="VideoRank-playIcon"></span>
												</div>
												<div class="VideoRank-content">
													<div class="VideoRank-title" title="S11全球总决赛-小组赛-EDGvsDFM-1014">
														S11全球总决赛-小组赛-EDGvsDFM-1014</div>
													<div class="VideoRank-sub">
														<div class="LazyLoad DyImg VideoRank-subPic"></div>
														<div class="VideoRank-subName" title="英雄联盟赛事">英雄联盟赛事</div>
													</div>
												</div>
											</div>
										</a><a class="VideoRank-itemLink"
											href="   show/XqeO74gyz2yvxywG" target="_blank">
											<div class="VideoRank-item">
												<div class="VideoRank-pic">
													<div class="LazyLoad DyImg "></div><span
														class="VideoRank-time">90:01</span><span
														class="VideoRank-playIcon"></span>
												</div>
												<div class="VideoRank-content">
													<div class="VideoRank-title" title="TI特别栏目【光速大逃脱之青山街道篇】">
														TI特别栏目【光速大逃脱之青山街道篇】</div>
													<div class="VideoRank-sub">
														<div class="LazyLoad DyImg VideoRank-subPic"></div>
														<div class="VideoRank-subName" title="斗鱼DOTA2官方频道">斗鱼DOTA2官方频道
														</div>
													</div>
												</div>
											</div>
										</a><a class="VideoRank-itemLink"
											href="   show/mPyq7o9mYAQW1gLY" target="_blank">
											<div class="VideoRank-item">
												<div class="VideoRank-pic">
													<div class="LazyLoad DyImg "></div><span
														class="VideoRank-time">57:06</span><span
														class="VideoRank-playIcon"></span>
												</div>
												<div class="VideoRank-content">
													<div class="VideoRank-title" title="TI10淘汰赛LGD-VP第一局">
														TI10淘汰赛LGD-VP第一局</div>
													<div class="VideoRank-sub">
														<div class="LazyLoad DyImg VideoRank-subPic"></div>
														<div class="VideoRank-subName" title="斗鱼DOTA2赛事频道">斗鱼DOTA2赛事频道
														</div>
													</div>
												</div>
											</div>
										</a></div>
								</div>
								<div
									style="position: absolute; height: 6px; right: 2px; bottom: 2px; left: 2px; border-radius: 3px;">
									<div
										style="position: relative; display: block; height: 100%; cursor: pointer; border-radius: inherit; background-color: rgba(0, 0, 0, 0.2); width: 0px;">
									</div>
								</div>
								<div
									style="position: absolute; width: 6px; right: 2px; bottom: 2px; top: 2px; border-radius: 3px;">
									<div class="VideoRank-scrollBar"
										style="position: relative; display: none; width: 6px; border-radius: 3px; background-color: rgb(221, 221, 221); height: 91px; transform: translateY(0px);">
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
			</section>
			--%>
			<%--<section class="layout-Section--fixedBackground hotCate-Wrapper hotCate-Wrapper--loadBg" id="lazyModule6">
				<div class="layout-Wrapper layout-Module">
					<div class="layout-Module-head"><a href=" directory" class="" target="_blank"
							data-code="13010010F001"><i class="layout-Module-icon">
								<div class="LazyLoad is-visible DyImg "><img loading="lazy"
										src="https://sta-op.douyucdn.cn/dy-listicon/d01562cacbbf5089b7023c2628179946.png"
										class="DyImg-content is-normal "></div>
							</i></a>
						<h3 class="layout-Module-title"><a class="HomePageClassify-header-title"
								href=" directory" target="_blank" data-code="13010010F001">热门分类</a>
						</h3><span class="layout-Module-info HomePageClassify-header-content">共<span
								class="HomePageClassify-header-content is-num">2907</span>分类&nbsp;&nbsp;<span
								class="HomePageClassify-header-content is-num">21464</span>直播<a
								class="HomePageClassify-header-all" href=" directory"
								target="_blank" data-code="13010010F002">全部<i
									class="HomePageClassify-all-icon"></i></a></span>
					</div>
					<div class="layout-Module-container">
						<ul class="layout-List--categories">
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_LOL" target="_blank"
									data-id="1" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/3b3b06eea83b276dfdaffcf92b1640e5.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">英雄联盟</div>
									<div class="HomePageClassify-cellplay u-ellipse">1876场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_wzry" target="_blank"
									data-id="181" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/7e5b9172a68d3e745d2411a876f0a41f.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">王者荣耀</div>
									<div class="HomePageClassify-cellplay u-ellipse">1956场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_cjyx" target="_blank"
									data-id="270" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/08dcd21b98a6b71bb1d37b0c30376734.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">吃鸡游戏</div>
									<div class="HomePageClassify-cellplay u-ellipse">628场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_CF" target="_blank"
									data-id="33" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/4fc08de40d425bce06971467f8334f80.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">穿越火线</div>
									<div class="HomePageClassify-cellplay u-ellipse">258场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_CFHD" target="_blank"
									data-id="1997" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/4a7e600e3dc0cffb8177a7510dbc651f.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">CFHD</div>
									<div class="HomePageClassify-cellplay u-ellipse">42场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_LOLM" target="_blank"
									data-id="1920" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/d597813bcf6659bb1b93bccb8bafc427.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">LOL手游</div>
									<div class="HomePageClassify-cellplay u-ellipse">1257场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_JGAME"
									target="_blank" data-id="2556" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/2b8d3e8459f5eef5a6dd8668daf1b4e9.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">金铲铲之战</div>
									<div class="HomePageClassify-cellplay u-ellipse">254场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_smzhsy"
									target="_blank" data-id="767" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/abcfd2e475a0fcc625eb01e4403a33bf.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">COD手游</div>
									<div class="HomePageClassify-cellplay u-ellipse">344场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_CFSY" target="_blank"
									data-id="178" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/45b34cd29c9e0fa9a2a1929e745bd59c.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">CF手游</div>
									<div class="HomePageClassify-cellplay u-ellipse">57场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_hpjy" target="_blank"
									data-id="350" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/7a279ffad4cc5210630fdf48e079e498.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">和平精英</div>
									<div class="HomePageClassify-cellplay u-ellipse">763场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_DNF" target="_blank"
									data-id="40" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/83647da52bbb6f459706f99e0655764f.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">DNF</div>
									<div class="HomePageClassify-cellplay u-ellipse">343场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_TVgame"
									target="_blank" data-id="19" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/6b1ca7930ebf10c660f46dfda64a3f64.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">主机游戏</div>
									<div class="HomePageClassify-cellplay u-ellipse">1128场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_DOTA2"
									target="_blank" data-id="3" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/b4686bff8a385276559329064f4fcc83.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">DOTA2</div>
									<div class="HomePageClassify-cellplay u-ellipse">199场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_How" target="_blank"
									data-id="2" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/26dcbc48176c50af34948385545ae6da.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">炉石传说</div>
									<div class="HomePageClassify-cellplay u-ellipse">101场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_CSGO" target="_blank"
									data-id="6" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/998e401fc6fcb9f9b27f66e4a7600f86.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">CS:GO</div>
									<div class="HomePageClassify-cellplay u-ellipse">304场直播</div>
								</a></li>
							<li class="layout-List-item"><a class="HomePageClassify-cell" href="/g_WOW" target="_blank"
									data-id="5" data-code="13010010F003">
									<div class="LazyLoad is-visible DyImg HomePageClassify-cellicon"><img loading="lazy"
											src="https://sta-op.douyucdn.cn/dycatr/3de8cf9f376ef5ee1bbb930868f7f402.png"
											class="DyImg-content is-normal "></div>
									<div class="HomePageClassify-celltitle u-ellipse">魔兽世界</div>
									<div class="HomePageClassify-cellplay u-ellipse">361场直播</div>
								</a></li>
						</ul>
					</div>
				</div>
			</section>
			--%>
			<footer class="layout-Section layout-Footer" id="js-footer" style="position: relative;bottom: -190px;">
				<section class="layout-Wrapper">

					<div class="HomeFooter-outlink">
						<ul class="HomeFooter-outlinkList">
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href=" cms/about/about_us.html">关于我们</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank" href="">Investor
									Relations</a><span class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://kefu. /">帮助与反馈</a><span class="HomeFooter-seperator">|</span>
							</li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href=" topic/zhaopin">加入我们</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href=" cms/about/cooperate.html">友情链接</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href=" special/guide/anchor">我要开播</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://kefu. /nx/report.html">廉洁豆鲨</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href=" cms/gong/201509/22/2229.shtml">版权保护投诉指引</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href=" cms/gong/list_25.shtml">公示公告</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href=" cms/gong/201605/30/3643.shtml">豆鲨官方QQ号</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-footerIcon HomeFooter-DYQQ" target="_blank"
									href="http://jq.qq.com/?_wv=1027&amp;k=c63S3v"></a></li>
							<li><a class="HomeFooter-footerIcon HomeFooter-DYWechat">
									<div class="HomeFooter-wechatQR"></div>
								</a></li>
							<li><a class="HomeFooter-footerIcon HomeFooter-DYWeibo" target="_blank"
									href="http://weibo.com/u/3982726153"></a></li>
						</ul>
						<p class="HomeFooter-companyInfo">厦门豆鲨网络科技有限公司 版权所有 ©www.dousha.com<a
								href="http://beian.miit.gov.cn" target="_blank">鄂ICP备15011961号-1</a>|<a
								class="HomeFooter-ghs"
								href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42018502000107"
								target="_blank">鄂公网安备 42018502000107号</a>|<a class="HomeFooter-gswj"
								href="http://whgswj.whhd.gov.cn:8089/whwjww/indexquery/indexqueryAction!dizview.dhtml?chr_id=9d45299953ce85733b2ef87d05820ac0&amp;bus_ent_id=420000000009311039&amp;bus_ent_chr_id=82c93ffb8f1b40458298daf104c3f87d"
								target="_blank">工商网监</a>|<a class="HomeFooter-kxwz"
								href="https://sta-op.douyucdn.cn/douyu/2020/11/30/b9f418bf3bf46942024b390d3ebab506.jpg"
								target="_blank">鄂网文（2018）9760-291号</a>|<a href="http://www.tiaojie.net.cn"
								target="_blank">金盾网络调解中心</a></p>
						<ul class="HomeFooter-outlinkList">
							<li><span class="HomeFooter-outlinkItem">违法和不良信息举报电话：027-87750710</span><span
									class="HomeFooter-seperator">|</span></li>
							<li><span class="HomeFooter-outlinkItem">未成年人关怀热线：027-87572872</span><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="http://jbts.mct.gov.cn">12318全国文化市场举报网站</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.12377.cn/">网上有害信息举报专区</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="http://www.shdf.gov.cn/shdf/channels/740.html">中国扫黄打非-网上举报</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.12377.cn/jbxzxq/zpljbxzxq.html?spm=zm1033-001.0.0.1.SOXBdI">电信诈骗举报专区</a><span
									class="HomeFooter-seperator">|</span></li>
							<li><a class="HomeFooter-outlinkItem" target="_blank"
									href="https://www.12377.cn/jbxzxq/64d38691937611ebb858c9da04cf59d3_web.html?spm=zm1033-001.0.0.1.SOXBdI&amp;smallHarmType=64d38691937611ebb858c9da04cf59d3">涉历史虚无主义有害信息举报专区</a>
							</li>
						</ul>
					</div>
				</section>
			</footer>
		</div>
		<div class="payshow">
			<label style="font-size: 25px;position: absolute;left: 90px;">充值界面</label>
			<div style="position: relative;top: 70px;left: 40px;">
				<label for="money" >充值金额:</label><input type="number" id="money">
			</div>
			<button id="recharge" style="position: relative;top: 100px;left: 60px;color: white;background-color: #ff5d23;border-radius: 15px;width: 55px;height: 30px;">
				充值</button>
			<button id="cancel" style="position: relative;top: 100px;left: 130px;color: white;background-color: #ff5d23;border-radius: 15px;width: 55px;height: 30px;">
				取消</button>
		</div>
		<div class="kaiboshow">
			<label style="font-size: 25px;position: absolute;left: 80px;top: 20px;">是否成为主播?</label>
			<label style="font-size: 18px;position: absolute;left: 90px;top: 60px;">或者已经是主播</label>
			<div class="form-group col-md-12" style="position: relative;top: 100px;left: 60px;">
				<label for="typeId1">房间分类</label>
				<div id="typeIdDiv1" style="width: 142.16px;z-index: 60">
					<input type="text" class="form-control" id="typeId1" name="typeId" value="" placeholder="关键词">
					<div id="typeList1" style="position: fixed; width: 142.16px; height: 38px;background-color: white;z-index: 30;border: 1px solid;border-top: none;display: none;">
						<ul id="typeListlu1" style="list-style: none;margin: 0;padding-left: 10px;line-height: 38px;">

						</ul>
					</div>
					<input type="hidden" id="typeIdVal1" >
				</div>
			</div>
			<input type="file" name="upload" id="upload1" style="display: none;" />
			<input type="hidden" id="img">
			<button id="queren" style="position: absolute;top: 160px;left: 60px;color: white;background-color: #ff5d23;border-radius: 15px;width: 55px;height: 30px;">
				确认</button>
			<button id="quxiao" style="position: absolute;top: 160px;left: 180px;color: white;background-color: #ff5d23;border-radius: 15px;width: 55px;height: 30px;">
				取消</button>
		</div>
		
		<script src="${pageContext.request.contextPath}/js/dist_js/ZegoExpressWebRTC-2.11.0.js"></script>
		<script>
			var appID = 3982261004;
			var server = "wss://webliveroom-test.zego.im/ws";
			var userID= '${sessionScope.frontUser.userId}';
			var userName = '${sessionScope.frontUser.userName}';
			var roomID;
			var streamID;
			var localStream;
			// 初始化实例
			var zg = new ZegoExpressEngine(appID, server);
			var flag=false;

            $(function(){
				$.getJSON("${pageContext.request.contextPath}/LiveController/getRoomListToConcernNum",function (rs) {

					var cont ="";
					$.each(rs.list,function (index,room) {
						cont+="<div class=\"Slider-flashTab Slider-flashTabCover\" data-path=\""+room.roomImg+"\" data-roomid=\""+room.roomId+"\">\n" +
								"\t\t\t\t\t\t\t<div class=\"Slider-flashTabImg\">\n" +
								"\t\t\t\t\t\t\t\t<div class=\"LazyLoad is-visible DyImg Slider-flashTabImgIn\">" +
								"<img loading=\"lazy\" src='${pageContext.request.contextPath}/video/playVideos?videoPath="+room.roomImg+"' class=\"DyImg-content is-normal \"></div>\n" +
								"\t\t\t\t\t\t\t\t<div class=\"Slider-flashTabHover\"></div>\n" +
								"\t\t\t\t\t\t\t</div>\n" +
								"\t\t\t\t\t\t</div>";
					})
					$("#layout-Slide-nav").html(cont);
					$("#layout-Slide-nav div:nth-child(6)").click()
				})


            	if("${sessionScope.frontUser.userId}"!=""){

                <%--alert("${sessionScope.frontUser}");--%>
                $.get("${pageContext.request.contextPath}/user/checkNameById",{
                    userId:"${sessionScope.frontUser.userId}"
                },function (user) {
                    var rs="<div class=\"dropdown\">\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"UserInfo public-DropMenu \"><a class=\"UserInfo-link\"\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  href=\" member/cp\" target=\"_blank\"><span\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"UserInfo-avatar\">\n" +
							"\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div uid=\"12590398\" style=\"width: 100%;\">\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Avatar is-circle\"><img uid=\"12590398\" class=\"Avatar-img\"\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   src=\"${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}\" onerror=\"this.src='${pageContext.request.contextPath}/js/liveJs/98_avatar_middle.jpg'\" alt=\"\">\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span></a>\n" +
							"\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- The trigger element -->\n" +
							"\n" +
							"\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- The content -->\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"dropdown__content\">\n" +
							"\n" +
							"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"zlx\" id=\"center1\">" +
							"<div class=\"public-DropMenu-drop-main\"><i></i>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Header-UserPane-top\">\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"User\">\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"User-avatarWrap\"><a class=\"User-avatar\" href=\"/member/cp\" target=\"_blank\">\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"AvatarFrame \" style=\"width: 70px;\">\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"AvatarFrame-box\"><img uid=\"12590398\" class=\"AvatarFrame-img is-circle \"\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  src=\"${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}\" onerror=\"this.src='${pageContext.request.contextPath}/js/liveJs/98_avatar_middle.jpg'\"\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  alt=\"\" style=\"width: 60px; height: 60px;\"></div>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a></div>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"User-nickname\"><a href=\"/member/cp\" target=\"_blank\" title=\"\">"+user.userName+"</a>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Authentication\"><a class=\"Authentication-name is-active\" title=\"已认证\"></a><a\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"Authentication-phone is-active\" title=\"已绑定手机\"></a><a\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"Authentication-email is-active\" title=\"已绑定邮箱\"></a></div>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Wallet\">\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Wallet-content\">\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Wallet-content-mywallet\">\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"Wallet-content-mywallet-title\"><a id=\"payfor\" class=\"Wallet-content-recharge\"\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t href=\"javascript:void(0)\" >充值</a>我的钱包</h5>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Wallet-content-mywallet-wealth\">\n" +
                        "                                                                            <span class=\"Wallet-content-mywallet-wealth-sliver\" title=\"做任务可获得豆沙\"><i></i>豆沙<span>"+user.userPrice+"</span></span>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                        "\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Shortcut\">\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"Shortcut-list\">\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"Shortcut-listItem\" data-index=\"0\"><a class=\"Shortcut-listItem-link\" href=\"${pageContext.request.contextPath}/front/mycenter.jsp\"\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"><i class=\"is-center\"></i>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>个人中心</p>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a></li>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"Shortcut-listItem\" data-index=\"1\"><a class=\"Shortcut-listItem-link\"\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref=\"\" target=\"_blank\"><i class=\"is-attention\"></i>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>我的关注</p>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a></li>\n" +
                        "\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"Shortcut-listItem\" data-index=\"3\"><a class=\"Shortcut-listItem-link\"\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref=\"/special/guide/anchor\" target=\"_blank\"><i class=\"is-guide\"></i>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>我要直播</p>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a></li>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"CloudGameLink\"><a href=\"https://cloudgame.douyu.com/home\" target=\"_blank\"\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  class=\"CloudGameLink-text\">欢迎来到豆鲨</a></div>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Exit\"><span class=\"Exit-btn\" id=\"exit\"><i></i>登出</span></div>\n" +
                        "\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>";
                    $("#login1").html(rs);
                    //退出登录
                    $(document).on("click","#exit",function () {

                        $.ajax({
                            async:true,
                            type:"GET",
                            url:"${pageContext.request.contextPath}/user/exit",

                            success:function(data){
                                var content="";
                                content = "<a class=\"public-DropMenu-link\" href=\" ${pageContext.request.contextPath}/front/login.jsp\" style=\"margin-top: 21px;\"><span>登录</span></a>";
								//填充到指定的标签中
                                $("#login1").html(content);


                            }
                        });
                    });

                });

				}
				//充值
				$(document).on("click","#payfor",function() {
					$(".payshow").css("display","block")
					/*$.get("${pageContext.request.contextPath}/user/Pay",{
						userId:"${sessionScope.frontUser.userId}"
					},function (rs) {

					})*/
				})

				$("#recharge").click(function () {
					$(".payshow").css("display","none")
					//${pageContext.request.contextPath}/AliPayController/aliPay/500/dousha
					if ($("#money").val()!=""&&$("#money").val()!=null){
						$.get("${pageContext.request.contextPath}/user/Pay",{
							userId:"${sessionScope.frontUser.userId}",
							price:$("#money").val()
						},function (rs) {

						})
						window.location.href="${pageContext.request.contextPath}/AliPayController/aliPay/"+$("#money").val()+"/dousha";
					}else{
						console.log("请输入正确的金额!")
					}

				})
				$("#cancel").click(function () {
					$(".payshow").css("display","none")
				})

				$(document).on("click","#layout-Slide-nav div",function () {
					//alert($(".ac").data("roomid")!=$(this).data("roomid"))
					if ($(".ac").data("roomid")!=$(this).data("roomid")){
						var roomIdold=$(".ac").data("roomid")+"";
						console.log(roomIdold)
						if (flag){
							console.log("离开房间"+roomIdold);
							zg.logoutRoom(roomIdold);
							flag=false
						}

						var path=$(".ac").data("path")
						$(".ac").addClass("Slider-flashTabCover");
						$(".ac").html("<div class=\"Slider-flashTabImg\">\n" +
								"\t\t\t\t\t\t\t\t<div class=\"LazyLoad is-visible DyImg Slider-flashTabImgIn\">" +
								"<img loading=\"lazy\" src='${pageContext.request.contextPath}/video/playVideos?videoPath="+path+"' class=\"DyImg-content is-normal \">" +
								"</div>\n" +
								"\t\t\t\t\t\t\t\t<div class=\"Slider-flashTabHover\"></div>\n" +
								"\t\t\t\t\t\t\t</div>")
						$(".ac").removeClass("ac");
						var roomId=$(this).data("roomid");
						roomID = roomId+"";
						streamID = roomID;
						console.log(userID)
						console.log(roomID)
						$.get("${pageContext.request.contextPath}/LiveController/Token",{roomId:roomID,userId:userID},function (token) {
							//console.log(token.error.code)
							if (token.error.code == "SUCCESS"){
								if (roomID!=null&&roomID!=""){
									const result = zg.loginRoom(roomID, token.data, {userID, userName}, {userUpdate: true});
									console.log(result);
									flag = true;
									console.log("进入房间"+roomID);
								}else{
									console.log("找不到房间"+roomID);
								}

							}
						})
						$(this).addClass("ac");
						$(this).removeClass("Slider-flashTabCover");
						$(this).append("\t\t\t\t\t\t\t\t<div class=\"Slider-flashTabHover\"></div>\n" +
								"\t\t\t\t\t\t\t\t<div class=\"Slider-flashTabHover Slider-block\"></div>\n" +
								"\t\t\t\t\t\t\t</div>" +
								"<div class=\"Slider-clickPoint\"></div>");
					}

				})
				// 房间状态更新回调
				zg.on('roomStateUpdate', (roomID,state,errorCode,extendedData) => {
					if (state == 'DISCONNECTED') {
						// 与房间断开了连接
						console.log("与房间断开了连接");
					}

					if (state == 'CONNECTING') {
						// 与房间尝试连接中
						console.log("与房间尝试连接中 ");
					}

					if (state == 'CONNECTED') {
						// 与房间连接成功
						console.log("与房间连接成功");
					}
				})
				// 流状态更新回调
				zg.on('roomStreamUpdate', async (roomID, updateType, streamList, extendedData) => {
					if (updateType == 'ADD') {
						// 流新增，开始拉流
						// 拉取低延迟流
						const playOption = {};
						playOption["resourceMode"] = 2;
						const stream = await zg.startPlayingStream(roomID);
						// stream 为MediaStream对象，开发者可通过赋值给video或audio的srcObject属性进行渲染
						$('#__video')[0].srcObject = stream;
					} else if (updateType == 'DELETE') {
						// 流删除，停止拉流
						zg.stopPlayingStream(streamID);
						//zg.logoutRoom(roomID);
					}
				});
            })
			$("#kaibo").click(function () {
				$(".kaiboshow").css("display","block");
			})
			
			$("#quxiao").click(function () {
				$(".kaiboshow").css("display","none");
			})
			
			$("#queren").click(function () {
				
				$.getJSON("${pageContext.request.contextPath}/LiveController/getRoomToUserId"
				,{
					userId:userID
						},function (rs) {
					console.log(rs)
					if (rs.roomId!=""&&rs.roomId!=null){
						window.location.href="${pageContext.request.contextPath}/LiveController/live/"+rs.roomId;
					}else{
						alert("请上传直播间封面!")
						$('#upload1').click();
						
						
					}
				})
				$(".kaiboshow").css("display","none");
			})
			$(document).on('input','#upload1', function(){
				//alert(11)
				// 创建formdata对象
				var formData = new FormData();
				// 给formData对象添加<input>标签,注意与input标签的ID一致
				formData.append('file', $('#upload1')[0].files[0]);
				$.ajax({
					url : '${pageContext.request.contextPath}/LiveController/upload',//这里写你的url
					type : 'POST',
					data : formData,
					contentType: false,// 当有文件要上传时，此项是必须的，否则后台无法识别文件流的起始位置
					processData: false,// 是否序列化data属性，默认true(注意：false时type必须是post)
					dataType: 'json',//这里是返回类型，一般是一般是json,text等
					clearForm: true,//提交后是否清空表单数据
					success: function(result) {   //提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
						if (result.img!=null){
							$("#img").val(result.img);
							$.getJSON("${pageContext.request.contextPath}/user/setLevelTwo"
									,{
										userId:userID,
									},function (rs) {
										if (rs){
											$.getJSON("${pageContext.request.contextPath}/LiveController/kbRoom",{
												userId:userID,
												roomImg:$("#img").val(),
												typeId:$("#typeIdVal1").val()
											},function (rs) {
												if (rs){
													$.getJSON("${pageContext.request.contextPath}/LiveController/getRoomToUserId"
															,{
																userId:userID,
															},function (rs) {
																//console.log(rs)
																if (rs.roomId!=""&&rs.roomId!=null){
																	window.location.href="${pageContext.request.contextPath}/LiveController/live/"+rs.roomId;
																}
															})
												}
											})
										}else{
											alert("注册主播失败!")
										}
									})
							
							
						}else{
							$("#img").val("1.jpg");
						}
					}
				})

			});
			$("#typeId1").keyup(function () {

				$.get("${pageContext.request.contextPath}/LiveController/getType",{typeName:$("#typeId1").val()}
						,function (rs) {
							var cont= "";
							var h =0;
							$.each(rs.list,function (index,type) {
								cont+="<a><li id='"+type.typeId+"'>"+type.typeName+"</li></a>";
								h+=38;
							});
							$("#typeListlu1").html(cont);

							$("#typeList1").css("height",h+"px");
							$("#typeIdDiv1").css("height",(h+38)+"px");
							$("#typeList1").css("display","block");

						})
			});
			$(document).on("click","#typeListlu1 li",function () {
				$("#typeId1").val($(this).html());
				$("#typeIdVal1").val($(this).attr("id"));
				$("#typeIdDiv1").css("height","38px");
				$("#typeList1").css("height","0px");
				$("#typeList1").css("display","none");

			})
			$("#typeIdDiv1").hover(function () {

			},function () {
				$("#typeIdVal1").val($("#typeListlu1 li").attr("id"));
				$("#typeIdDiv1").css("height","38px");
				$("#typeList1").css("height","0px");
				$("#typeList1").css("display","none");
			})
        </script>
	</body>
</html>
